﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <title>Home page
    </title>
    <link href="Content/DefaultStyle.css" rel="stylesheet" />
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="js/jquery.easing.1.3.js"></script>
    <script src="js/slides.min.jquery.js"></script>
    <script>
        $(function () {
            $('#sideShow').slides({
                preload: true,
                preloadImage: 'Images/loading.gif',
                play: 5000,
                pause: 2500,
                hoverPause: true
            });
        });
	</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="Content" runat="Server">
    <div id="cate">
        <h1>Category</h1>
        <ul id="flyout" class="flyout" runat="server">
            <!--add menu here-->
        </ul>
    </div>
    <div id="sideShow">
        <div class="slides_container">
            <a>
                <img src="Images/SideShow/img1.jpg" width="750" height="215" alt="Slide 1" /></a>
            <a>
                <img src="Images/SideShow/img2.jpg" width="750" height="215" alt="Slide 2" /></a>
            <a>
                <img src="Images/SideShow/img3.jpg" width="750" height="215" alt="Slide 3" /></a>
        </div>
    </div>
    <div id="statusShow">
        <ul id="status">
            <li id="current">New</li>
        </ul>
        <div id="sort">
            Sort:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <asp:DropDownList ID="sortBy" runat="server" AutoPostBack="True" OnSelectedIndexChanged="SortChange">
                <asp:ListItem>New</asp:ListItem>
                <asp:ListItem>Decrement price</asp:ListItem>
                <asp:ListItem>Increment price</asp:ListItem>
            </asp:DropDownList>
        </div>
    </div>
    <div id="containListItem">
        <asp:ListView ID="newListItem" runat="server" GroupItemCount="4">
            <GroupTemplate>
                <div id="itemPlaceholder" runat="server">

                </div>
            </GroupTemplate>
            <ItemTemplate>
                <div>
                    <img src='<%#Eval("Item_Image") %>' />
                    <p class="title"><a href="ProductDetail.aspx?Id=<%#Eval("ItemID") %>"><%# Eval("ItemTitle") %></a></p>
                    <p class="time"><%# Eval("TimeSpan") %></p>
                    <p class="price"><%# Eval("CurrentPrice") %></p>
                </div>
            </ItemTemplate>
        </asp:ListView>
    </div>
</asp:Content>

